<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    在线引入  不推荐-->
<!--    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
    <!--    本地引入-->
    <script src="../vue/vue.js"></script>
</head>
<body>
<!--
   vue文件的引入方式
   1.  在线引入  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
   2. 本地引入   将vue.js文件下载到本地
-->
<div id="app">

</div>

<script>

    //  1. 创建vue实例  Vue()  构造函数   每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的
    let  vm = new Vue({
        template:"<h1>hello vue</h1>"
    })

    // 2. vue实例和容器绑定  挂载   $mount('#app')
    vm.$mount('#app')

</script>


</body>
</html>
